const Performance = ({ fill, className, ...rest }) => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 550 550"
    className={className}
    {...rest}
  >
    <title>meshery-button-2</title>
    <g id="Gauge-2" data-name="Gauge">
      <g style={{ opacity: 0.3 }}>
        <path d="M137.85,152.08a284,284,0,0,1,31.8-14.4l-2.7-13.3a324.4,324.4,0,0,0-33.5,19Z" />
      </g>
      <g style={{ opacity: 0.6 }}>
        <path d="M342.55,130.38l27.5-31a314.16,314.16,0,0,0-53.7-6.9l-16,29.2A297.91,297.91,0,0,1,342.55,130.38Z" />
      </g>
      <g style={{ opacity: 0.3 }}>
        <path d="M131.55,155.38l-4-8.1c-8.3,5.7-16.4,11.8-24.1,18.2l4.2,5C115.45,165.08,123.45,160.08,131.55,155.38Z" />
      </g>
      <g style={{ opacity: 0.8 }}>
        <path d="M395.75,151.88l41.2-29.1a295.56,295.56,0,0,0-59.1-21.6L350,132.58A288.23,288.23,0,0,1,395.75,151.88Z" />
      </g>
      <g style={{ opacity: 0.2 }}>
        <path d="M102,174.58l-3.8-4.6a272.51,272.51,0,0,0-20.6,19.6l3,2.4C87.45,185.88,94.55,180.08,102,174.58Z" />
      </g>
      <g style={{ opacity: 0.8 }}>
        <path d="M444.05,126.35l-41.39,29.07a302.45,302.45,0,0,1,50,35.86l53.76-20.74A299.18,299.18,0,0,0,444.05,126.35Z" />
      </g>
      <g style={{ opacity: 0.2 }}>
        <path d="M72.55,194.68a339,339,0,0,0-29,36.5,295.78,295.78,0,0,1,31.7-34.4Z" />
      </g>
      <g style={{ opacity: 0.4 }}>
        <path d="M217.85,104.58l-1.1,19.8a276.24,276.24,0,0,1,31.8-4l6.9-24.2A335.64,335.64,0,0,0,217.85,104.58Z" />
      </g>
      <g style={{ opacity: 0.6 }}>
        <path d="M256,120c3.6-.1,7.3-.2,11-.2,8.7,0,17.4.4,25.9,1.2l15.6-28.6a311.54,311.54,0,0,0-45.5,2.7Z" />
      </g>
      <g style={{ opacity: 0.4 }}>
        <path d="M176.15,135.18a272.38,272.38,0,0,1,33.5-9.4l1.1-19a300.05,300.05,0,0,0-37.3,14.5Z" />
      </g>
    </g>
    <g id="Needle" style={{ opacity: 0.8 }}>
      <path
        d="M250.08,261.48a21.17,21.17,0,1,0,19.4,22.8A21.18,21.18,0,0,0,250.08,261.48Zm-2.3,29.8a8.73,8.73,0,1,1,9.4-8A8.8,8.8,0,0,1,247.78,291.28Z"
        style={{ opacity: 0.8 }}
      />
      <path d="M315.28,169.88c-2.6,1.8-5,3.7-7.5,5.6l-9.3,14.8-18.7,29.5-18.7,29.5-4.7,7.4-2.3,3.7a11.27,11.27,0,0,1-1.2,1.8,5.17,5.17,0,0,0-1.2,1.8c-.7,3-1.3,6-1.9,9.1a2.77,2.77,0,0,0-.1.9,8.59,8.59,0,0,1,6.1,3.9,5.58,5.58,0,0,1,.8-.5c2.6-1.8,5-3.7,7.5-5.6a4.53,4.53,0,0,0,1.1-1.9,18.58,18.58,0,0,1,1.1-1.9l2.3-3.7,4.7-7.4,18.7-29.5,18.7-29.5,9.3-14.8c.7-3,1.3-6.1,1.9-9.2s1-6.2,1.4-9.4C320.48,166.28,317.78,168,315.28,169.88Z" />
    </g>
  </svg>
);

export default Performance;
